import styled from 'styled-components'

export const LoginWarrper = styled.div`
   position:absolute;
   Z-index:0;
   left:0;
   right:0;
   top:56px;
   bottom:0;
   background:#eee;

`


export const LoginBox = styled.div`
   width:400px;
   height:180px;
   margin:100px auto;
   background:#fff;
   box-shadow:0 0 8px rgba(0,0,0,0.1);
   padding-top:20px;

`

export const Input = styled.input`
   width:200px;
   height:30px;
   display:block;
   line-height:30px;    
   padding:0 20px;
   color:#777;
   box-sizing:border-box;
   margin:10px auto;

`

export const Button = styled.button`
   width:200px;
   height:30px;
   display:block;
   line-height:30px;    
   padding:0 20px;
   color:#fff;
   border：none;
   margin:10px auto;
   outline:none;
   background:#3194D0;
   border-radius:15px;
   text-align:center
`